<template>
  <div class="home-container">
    <p class="hc-font-test">已经安装：</p>
    <p class="hc-elementUi-test">1. ElementUI: <el-button type="primary">测试按钮</el-button></p>
    <p>2. 保存自动格式化</p>
    <p>3. scss语法</p>
    <p>....</p>
  </div>
</template>

<script>
import { getMockInfo } from '../api/mock'
import { Message } from 'element-ui'
export default {
  name: 'Home',

  data () {
    return {
    }
  },

  async mounted () {
    try {
      const res = await getMockInfo()
      if (res) {
        Message.success('获取数据成功')
      }
    } catch (error) {
      console.log(error)
    }
  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>
.home-container {
  display: flex;
  flex-direction: column;
  font-size: 30px;
  padding: 20px;

  > p + p {
    margin-top: 30px;
  }

  .hc-elementUi-test {
    font-size: 30px;
  }
}
</style>
